
@_red: #bf1219;
@font_color_deep:#2c2c2c;
@font_color_light:#666;
@font_size_20:20px;
@font_size_12:12px;



.banner-container{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.banner{
    width: 730px
}



.home-page{
   min-width: 980px;
   display: flex;
   flex-direction: row;


   .left{
    width: 730px;
    padding-left: 20px;
    padding-right: 20px;
   }
   .right{
       flex:1
   }

   .block{
       .fa-block{
           color: @_red;
       }
       .block-head{
           border-bottom: 2px solid @_red;
           padding-bottom: 12px;

           display: flex;
           flex-direction: row;

           .title{
            display: inline-block;
           }
           .title-main{
                color: @font_color_deep;
                font-size: @font_size_20;
                padding-left: 10px;
                padding-right: 20px;
           }
           .title-sub{
               color: @font_color_light;
               font-size: @font_size_12;
               flex:1;
               line-height: 28px;
               position: relative;
               bottom: -2px;
               .title-sub-item{
                   padding-right: 5px;
                   &::after{
                    content: '';
                    width:1px;
                    height: 10px;
                    margin-left: 2px;
                    background-color: @font_color_light;
                    //    border-right: 1px solid @font_color_deep;
                   }
               }
           }
           .title-end{
               color: @font_color_light;
               width:65px;
               font-size: @font_size_12
           }

       }

   }




   
}